<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <script src="js/libs/resize.js"></script>
    <!-- build:css  css/z.min.css-->
    <link rel="stylesheet" href="css/framework7.ios.min.css" />
    <link rel="stylesheet" href="css/f7.css" />
    <link rel="stylesheet" href="css/common.css" />
    <!-- <link rel="stylesheet" href="css/style/rank.css"> -->
    <link rel="stylesheet" href="css/style/index.css">
    <title>我是标题</title>
</head>

<body>
    <div class="views">
        <div id="mainView" class="view view-main">
            <div class="navbar navbar-hidden hide"></div>

            <div class="pages">
                <div data-page="repairList" class="page">

                    <!-- 列表-->
                    <div id="page-content" class="page-content">
                        <div class="header">
                            <img src="./img/header.jpg" alt="header">
                        </div>
                        <div class="main">
                            <div class="form-group">
                                <p class="desc">
                                    <img src="./img/warning.jpg" alt="warning"> 请认真核对挡路车辆是否正确
                                </p>
                                <div class="list-block">
                                    <ul>
                                        <li>
                                            <div class="item-content">
                                                <div class="item-inner">
                                                    <div class="item-title label">挡路车牌</div>
                                                    <div class="item-input">
                                                        <input type="text" class="license" placeholder="请输入车牌号">
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item-content">
                                                <div class="item-inner">
                                                    <div class="item-title label">车辆位置</div>
                                                    <div class="item-input">
                                                        <input type="text" class="address" placeholder="请输入车辆位置">
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item-content">
                                                <div class="item-inner">
                                                    <div class="item-title label">您的电话</div>
                                                    <div class="item-input">
                                                        <input type="number" class="phone" placeholder="请输入您的电话">
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item-content">
                                                <div class="item-inner">
                                                    <div class="item-title label">验证码</div>
                                                    <div class="item-input">
                                                        <input class="vercode" type="number" placeholder="请输入验证码">
                                                    </div>
                                                    <p class="button active vercode-button">获取验证码</p>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="upload-photo">
                                    <div>
                                        <!-- <img class="upload" src="img/warning.jpg" alt=""> -->
                                        <!-- <button class="upload">上传</button> -->
                                        <label class="upload">
                                            <img src="img/warning.jpg" alt="">
                                        </label>
                                        <input type="file" id="add-img" accpet="image/gif,image/png,image/jpeg,image/jpg,image/bmp" style="display: none;">
                                    </div>
                                </div>
                                <div>
                                    <p class="verif-text"></p>
                                    <div class="button-group">
                                        <p class="button callphone">呼叫车主</p>
                                        <p class="button wechat">微信通知</p>
                                    </div>
                                </div>
                            </div>
                            <div class="desc">
                                <p class="desc hint">
                                    为保护您和对方车主的隐私，本次通话将采用匿名的方式进行（您拨打的号码并非用户的真实电话）
                                </p>
                                <a href="https://www.baidu.com" class="external desc server">本服务由车联宝盒免费提供</a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>


    <!-- Links popover -->
    <!--##############模板加载 报修列表 {{#if isFirstLoad}} {{/if}}#####################-->
    <script type="text/template7" id="tplOne">
        {{#each this}}
        <li class="item-content">
            <div class="item-inner">
                <div>{{score}}</div>
                <div>{{people_num}}</div>
                <div>{{total_num}}</div>
            </div>
        </li>
        {{/each}}
    </script>

    <!-- 外部依赖 -->
    <!-- <script type="text/javascript" src="js/libs/vconsole.min.js"></script> -->
    <script type="text/javascript" src="js/libs/framework7.min.js"></script>
    <script type="text/javascript" src="js/libs/jquery-3.3.1.min.js"></script>
    <!-- 初始化 -->
    <script src="js/init/f7.js"></script>
    <script src="js/init/tplManager.js"></script>
    <!-- 公共方法 -->
    <script src="js/utils/utils.js"></script>
    <!-- ajax -->
    <!-- <script src="js/server/http.js"></script> -->
    <!-- 页面逻辑 -->
    <script src="js/rank.js"></script>
    <script src="js/index.js"></script>
    <!-- endbuild -->

</body>

</html>